<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>员工服务</title>
    <link rel="stylesheet" href="../lib/vant/index.css">
    <link rel="stylesheet" href="../lib/swiper/swiper-bundle.min.css">
    <link rel="stylesheet" href="../css/main.css">
</head>
<body>
<div class="views" id="staffServicePage" v-cloak>
    <!-- 顶部导航 -->
    <div class="main-header-wrap">
        <van-popup class="main-popup" v-model="showNav" :overlay="false">
            <div class="main-nav">
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./index.html">· 首页</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./enterprise_service.html">· 企业服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/dispatching_service.html">人事外包</a>
                        <a class="van-hairline--bottom" href="enterprise_service/personnel_agency.html">代理服务</a>
                        <a class="van-hairline--bottom van-hairline--right" href="enterprise_service/recruitment.html">招聘服务</a>
                        <a class="van-hairline--bottom" href="enterprise_service/employee_benefits.html">人事福利</a>
                        <a class="van-hairline--right" href="enterprise_service/consulting.html">咨询服务</a>
                        <a class="" href="enterprise_service/workforce_experts.html">职场专家</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./staff_service.html">· 员工服务</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/staff_enrolling.html">员工入职</a>
                        <a class="van-hairline--bottom van-hairline--right" href="staff_service/employee_turnover.html">员工离职</a>
                        <a class="van-hairline--right" href="staff_service/staff_management.html">员工管理</a>
                        <a class="" href="staff_service/faq_download.html">常见问题及表格下载</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./job.html">· 招聘求职</a>
                    </dt>
                    <dd class="item-bd">
                        <a class="van-hairline--right" href="job/headhunting.html">猎头岗位</a>
                        <a class="" href="job/hotjobs.html">热招职位</a>
                    </dd>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./government_solutions.html">· 政策服务</a>
                    </dt>
                </dl>
                <dl class="nav-item">
                    <dt class="item-hd">
                        <a href="./about_us.html">· 关于我们</a>
                    </dt>
                </dl>
            </div>
        </van-popup>
        <div class="main-header flex" :class="{'bg-white': !showNav}">
            <a href="./index.html" class="logo" style="background-image: url(../images/logo.png)"></a>
            <span class="menu" @click="showPopup">
            <em :class="{'close': showNav}"></em>
            <div>{{showNav ? 'CLOSE': 'MENU'}}</div>
        </span>
        </div>
    </div>
    <!-- 主体内容 -->
    <div class="main-content">
        <div class="main-focus" style="background-image: url(../images/top_banner_3.jpg)">
            <div class="inner">
                <h3>员工服务</h3>
                <p>Staff services</p>
            </div>
        </div>
        <div class="main-short-title" style="padding: 30px 0 15px">
            <h3 class="m-title s-tc">员工服务</h3>
            <p class="m-info">凭借逾20年的人力资源服务经验，优化员工入职、离职及管理流程，并为员工提供常见问题的解答及各流程所需表单的下载。</p>
        </div>
        <!-- 员工入职 -->
        <div class="enterprise-floor bg-gray">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Staff entry</div>
                    <div class="cn">员工入职</div>
                </div>
                <div class="f-thumb">
                    <img src="../images/staff_service/ss_pic1.jpg" alt="">
                </div>
                <div class="f-info">员工档案调入，养老保险调入，医疗保险调入，住房公积金转入等服务。</div>
                <div class="op s-tc">
                    <a href="staff_service/staff_enrolling.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- 员工离职 -->
        <div class="enterprise-floor">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Employee turnover</div>
                    <div class="cn">员工离职</div>
                </div>
                <div class="f-thumb">
                    <img src="../images/staff_service/ss_pic2.jpg" alt="">
                </div>
                <div class="f-info">员工档案调出，养老保险调出，医疗保险调出，住房公积金转出等服务。</div>
                <div class="op s-tc">
                    <a href="staff_service/employee_turnover.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- 员工管理 -->
        <div class="enterprise-floor bg-gray">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Staff management</div>
                    <div class="cn">员工管理</div>
                </div>
                <div class="f-info">为员工提供档案管理，落户，入职体验，党组织生活等服务。</div>
                <div class="pa-list">
                    <van-row class="list-row mb-25">
                        <van-col span="12" class="list-item">
                            <div class="item-icon">
                                <img src="../images/staff_service/ss_icon1.png" alt="">
                            </div>
                            <div class="item-info pt-5">员工档案办理</div>
                        </van-col>
                        <van-col span="12" class="list-item">
                            <div class="item-icon">
                                <img src="../images/staff_service/ss_icon2.png" alt="">
                            </div>
                            <div class="item-info pt-5">户口相关</div>
                        </van-col>
                    </van-row>
                    <van-row class="list-row mb-20">
                        <van-col span="12" class="list-item">
                            <div class="item-icon">
                                <img src="../images/staff_service/ss_icon3.png" alt="">
                            </div>
                            <div class="item-info pt-5">体检服务</div>
                        </van-col>
                        <van-col span="12" class="list-item">
                            <div class="item-icon">
                                <img src="../images/staff_service/ss_icon4.png" alt="">
                            </div>
                            <div class="item-info pt-5">党员组织生活</div>
                        </van-col>
                    </van-row>
                </div>
                <div class="op s-tc">
                    <a href="staff_service/staff_management.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- 常见问题以及表格下载 -->
        <div class="enterprise-floor">
            <div class="f-content">
                <div class="main-floor-title">
                    <div class="en">Common problem</div>
                    <div class="cn">常见问题以及表格下载</div>
                </div>
                <div class="f-thumb">
                    <img src="../images/staff_service/ss_pic3.jpg" alt="">
                </div>
                <div class="f-info">提供养老保险，医疗保险，失业保险，生育保险，工伤保险，住房公积金等社保常见问题以及 常用表格下载。</div>
                <div class="op s-tc">
                    <a href="staff_service/faq_download.html" class="index-link">了解更多</a>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div class="main-footer">
            <div class="f-hd s-tc">
                <h3>西安外国企业服务有限公司</h3>
                <p>西安外国企业服务有限公司（即XAFESCO，以下简称 “西安外服”）是港股主板上市公司万宝盛华大中华旗下的控股公司。原西安外服于1997年经西安市人民政府批准成立的专业人力资源服务公司。是政府指定为外国企业以及港澳台企业在西安设立常驻代表机构提供承办服务及人力资源服务的专业公司。</p>
            </div>
            <ul class="f-nav s-tc">
                <li><a href="./enterprise_service.html">企业服务</a></li>
                <li><a href="./staff_service.html">员工服务</a></li>
                <li><a href="./job.html">招聘求职</a></li>
                <li><a href="./government_solutions.html">政策服务</a></li>
                <li><a href="./about_us.html">关于我们</a></li>
            </ul>
            <div class="f-ewm s-tc">
                <div class="ewm-item">
                    <img src="../images/ewm.png">
                    <p>关注我们</p>
                </div>
            </div>
            <div class="f-bd s-tc">
                <div class="logo">
                    <img src="../images/logo_f.png">
                </div>
                <p class="p1">http://www.xafesco.com<br>西安市碑林区和平路118号和平银座908-910室（大差市十字西南角）</p>
                <p class="p2">备案号：123456789</p>
            </div>
        </div>
    </div>
</div>
<script src="../lib/jquery-3.4.1.min.js"></script>
<script src="../lib/vue.min.js"></script>
<script src="../lib/vant/vant.min.js"></script>
<script src="../js/common.js"></script>
<script>
    new Vue({
        el: '#staffServicePage',
        mixins: [commonMixin]
    })
</script>
</body>
</html>
